<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>慢慢买</title>
    <link rel="stylesheet" href="./../css/index.css">
</head>
<script src="../js/flexible.js"></script>

<body>
    <!--头部-->
    <header id="header">
        <div class="fl logo">
            <a href="./index.html">
                <img src="./../images/header_logo.png" alt="">
            </a>
        </div>
        <div class="fr app">
            <a href="#">
                <img src="./../images/header_app.png" alt="">
            </a>
        </div>
    </header>
    <!--搜索-->
    <section id="search">
        <div class="searchbox">
            <input type="text" name placeholder="请输入你想比价的产品">
        </div>
        <div class="button">
            <button></button>
        </div>
    </section>
    <!--菜单-->
    <section id="menu">
        <div class="container">
            <div class="row">
                <div class="menu-img">
                    <a href="./category.html">
                        <span>
                            <img src="./../images/ic_search.png" alt="">
                        </span>
                    </a>
                    <p>比价搜索</p>
                </div>
            </div>
            <div class="row">
                <div class="menu-img">
                    <a href="./moneyctrl.html">
                        <span>
                            <img src="./../images/ic_cu.png" alt="">
                        </span>
                    </a>
                    <p>省钱控</p>
                </div>
            </div>
            <div class="row">
                <div class="menu-img">
                    <a href="./inlanddiscount.html">
                        <span>
                            <img src="./../images/ic_coudanpin.png" alt="">
                        </span>
                    </a>
                    <p>国内折扣</p>
                </div>
            </div>
            <div class="row">
                <div class="menu-img">
                    <a href="./baicaijia.html">
                        <span>
                            <img src="./../images/ic_bcj.png" alt="">
                        </span>
                    </a>
                    <p>白菜价</p>
                </div>
            </div>
            <div class="row">
                <div class="menu-img">
                    <a href="./moneyctrl.html">
                        <span>
                            <img src="./../images/haitao.png" alt="">
                        </span>
                    </a>
                    <p>海淘折扣</p>
                </div>
            </div>
            <div class="row">
                <div class="menu-img">
                    <a href="./coupon.html">
                        <span>
                            <img src="./../images/ic_temai.png" alt="">
                        </span>
                    </a>
                    <p>优惠券</p>
                </div>
            </div>
            <div class="row">
                <div class="menu-img">
                    <a href="./category.html">
                        <span>
                            <img src="./../images/ic_trend.png" alt="">
                        </span>
                    </a>
                    <p>查历史价</p>
                </div>
            </div>
            <div class="row">
                <div class="menu-img more">
                    <a href="#">
                        <span>
                            <img src="./../images/gengduo.png" alt="">
                        </span>
                    </a>
                    <p>更多</p>
                </div>
            </div>
            <div class="row lis">
                <div class="menu-img">
                    <a href="./gsproduct.html">
                        <span>
                            <img src="./../images/ic_coudanpin.png" alt="">
                        </span>
                    </a>
                    <p>凑单品</p>
                </div>
            </div>
            <div class="row lis">
                <div class="menu-img">
                    <a href="./category.html">
                        <span>
                            <img src="./../images/ic_kb.png" alt="">
                        </span>
                    </a>
                    <p>口碑排行</p>
                </div>
            </div>
            <div class="row lis">
                <div class="menu-img">
                    <a href="./sitenav.html">
                        <span>
                            <img src="./../images/ic_mall.png" alt="">
                        </span>
                    </a>
                    <p>商城导航</p>
                </div>
            </div>
            <div class="row lis">
                <div class="menu-img">
                    <a href="./brandTitle.html">
                        <span>
                            <img src="./../images/ic_pp.png" alt="">
                        </span>
                    </a>
                    <p>品牌大全</p>
                </div>
            </div>
        </div>
    </section>
    <!--商品推荐-->
    <section id="recommen">
        <div id="discount">
            <span class="fl">超值折扣推荐</span>
            <a href="#">
                <img src="./../images/more.png" alt="" class="fr">
            </a>
        </div>
        <div id="product">
            <ul id="uu">

            </ul>
        </div>
    </section>
    <!--底部-->
    <section id="footer">
        <div class="more-artcile">
            <a href>更多优惠信息</a>
        </div>
        <div class="chart">
            <span class="fl chart_in">品牌排行</span>
            <span class="fr more">
                <img src="./../images/more.png" alt="">
            </span>
        </div>
        <div class="login">
            <div class="container">
                <div class="row">
                    <a href="javascript:return false">
                        <div class="col-xs-3">登入</div>
                    </a>
                    <a href="javascript:return false">
                        <div class="col-xs-4">注册</div>
                    </a>
                    <a href="#">
                        <div class="col-xs-5">返回顶部</div>
                    </a>
                </div>
            </div>
            <div class="content_b">
                <p>
                    <a href="">手机APP下载</a>
                    <a href="">慢慢买手机版</a> "--掌上比价平台"
                </p>
                <p>m.manmanbuy.com</p>
            </div>
        </div>
    </section>





    <!--js文件 注意引入的依赖关系-->
</body>
<script src="./../js/index.js"></script>

</html>